$control-mobmdctrl: (
  text-color: getCssVar(color, text, 0),
  hover-bg-color: getCssVar(color, primary),
  active-bg-color: #d1d1d5,
  active-color: getCssVar(color, bg, 1),
  img-width: getCssVar(width-icon, extra-large),
  img-radius: getCssVar(border-radius, extra-small),
  padding: getCssVar(spacing, base) 0 getCssVar(spacing, base)
    getCssVar(spacing, base),
  item-min-height: 56px,
  group-padding: getCssVar(spacing, tight) getCssVar(spacing, base),
  group-font: getCssVar(font-size, regular),
  icon-color: #a0a5aa,
  group-caption-color: #9a9b9f,
  load-more-font-size: getCssVar(font-size, small),
  font-size: getCssVar(font-size, header-5),
  right-icon-margin-right: rem(21px),
  simplelist-height: 250px,
  select-item-padding-bottom: getCssVar(spacing,tight),
  select-item-margin: getCssVar(spacing,tight) 0 0 getCssVar(spacing,tight),
  select-item-check-padding:  getCssVar(spacing,extra-tight),
  select-item-gap:  getCssVar(spacing,tight),
);

@include b(control-mobmdctrl) {
  @include set-component-css-var(control-mobmdctrl, $control-mobmdctrl);

  height: 100%;
}

@include b(control-mobmdctrl-item) {
  @include set-component-css-var(control-mobmdctrl, $control-mobmdctrl);
  min-height: getCssVar(control-mobmdctrl, item-min-height);
  display: flex;
  align-items: center;

  &.uni-list-item {
    padding: getCssVar(control-mobmdctrl, padding);
  }
  ::v-deep {
    .uni-list-item__content-title {
      font-size: getCssVar(control-mobmdctrl, font-size);
      line-height: getCssVar('height-control', 'small');
    }
    .uni-list-item__container {
      padding: 0;
    }
    .uni-icon-wrapper {
      padding-right: getCssVar(control-mobmdctrl, right-icon-margin-right);
      padding-left: getCssVar('spacing', 'extra-tight');
    }
  }
}
@include b(control-mobmdctrl-load-more) {
  display: flex;
  justify-content: center;
  padding: getCssVar(spacing, tight);
  font-size: getCssVar(control-mobmdctrl, load-more-font-size);
  color: getCssVar(color, text, 2);

  text {
    padding: getCssVar(spacing, extra, tight) getCssVar(spacing, base);
    border: 1px solid getCssVar(color, border);
    border-radius: getCssVar(border, radius, full);
  }
}

@include b(control-mobmdctrl-select-item) {
  display: flex;
  margin: getCssVar(control-mobmdctrl, select-item-margin);
  gap: getCssVar(control-mobmdctrl, select-item-gap);
  border-bottom: 1px solid getCssVar(color, border);
  padding-bottom: getCssVar(control-mobmdctrl, select-item-padding-bottom);
  
  checkbox {
    padding: getCssVar(control-mobmdctrl, select-item-check-padding);
  }
}